<template>
  <div class="movie-item-container">
    <div class="left">
      <image
        src="https://gw.alicdn.com/tfscom/i3/O1CN01s4djbH29FutyK4fzY_!!6000000008039-0-alipicbeacon.jpg_300x300.jpg"
        style="height: 112px; width: 80px; border-radius: 5px"
      ></image>
    </div>
    <div class="center">
      <div class="name">我们一起摇太阳</div>
      <div class="score">评分: <span style="color: #fa2c19;font-size: 14px;font-weight: 700;">9.5</span></div>
      <div class="type">类型:剧情</div>
      <div class="actor">主演:张颂文 张译 高叶</div>
    </div>
    <div class="right">
      <nut-button type="primary" size="mini">特惠购票</nut-button>
    </div>
  </div>
</template>
<script setup></script>
<style lang="scss">
.movie-item-container {
  background-color: #fff;
  padding: 20px;
  display: flex;
  // align-items: center;
  .center {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    font-size: 26px;
    color: #15181d;

    .name {
      font-weight: 700;
      color: #15181d;
      font-size: 30px;
    }
    .score {
      margin-top: 40px;
    }
    .type {
      margin-top: 15px;
    }
    .actor {
      margin-top: 15px;
    }
  }
  .right {
    display: flex;
    align-items: center;
  }
}
</style>
